<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/templates/common/template.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">


    <ui:define name="left">
        <ui:include src="menuacordion.xhtml" />
    </ui:define>

    <ui:define name="content">
        
        <h:outputScript target="body">
            
            function limpiar(){
                //document.getElementById("idNota:idSelectCiclo").selectedIndex=0; 
                document.getElementById("idNota:idSelectGrado").selectedIndex=0;
                document.getElementById("idNota:idSelectSeccion").selectedIndex=0;
                document.getElementById("idNota:idSelectArea").selectedIndex=0;
                document.getElementById("idNota:idSelectEmpleado").selectedIndex=0;
                document.getElementById("idNota:idSelectCronEval").selectedIndex=0;
                document.getElementById("idNota:idSelectAsig").selectedIndex=0;
                return true;
             
            }
            
            function validarCombos(){
            var msg="Por favor ";
             var intCont=0;
             var cboGrado=document.getElementById("idCursoGrado:idSelectGrado");
             var cboAnio=document.getElementById("idCursoGrado:idSelectAnio");
                       
            if(cboGrado.value=='0'){
              msg=msg +"seleccionar Grado \n";
             intCont++;
            }
                        
             if(cboAnio.value=='0'){
              msg=msg +"seleccionar Año \n";
              intCont++;
             }
             
            if(intCont>0){
               alert(msg);
               return false;
               }
             else{
               return true;
             }   
            
                      
            }
            
             function disableButton()
          {
            //alert(document.getElementById("idCursoGrado:inputHNumReg").value);
            button=document.getElementById("idNota:idTablaAlumnos:0:btnDtNota")
            if(button!=null){
              //document.getElementById("idNota:idTablaAlumnos:0:idlink").style.visibility = "hidden";
              document.getElementById("idNota:idTablaAlumnos:0:btnDtNota").disabled="true";
              document.getElementById("idNota:idTablaAlumnos:0:btnDtNota").src="../images/icons/edit_disabled.gif"
           }
            return true;
           }
           function idEdit()
              {  if(ispostback)
                {
                   document.getElementById("idNota:idTablaAlumnos:0:btnDtNota").disabled="true";
                   return true;
                }
             }
           function enableButton()
            {
              // document.getElementById("idNota:idTablaAlumnos:0:idlink").style.visibility = "visible";
              document.getElementById("idNota:idTablaAlumnos:0:btnDtNota").disabled="false";
              document.getElementById("idNota:idTablaAlumnos:0:btnDtNota").src="../images/icons/edit.gif"
       
              
              return true;
            }
             
        </h:outputScript>
        <h:outputStylesheet>
            
            a.no-decor>img {
                     border: none;
              }
              
               .even-row {
        background-color: #FCFFFE;
        }
 
        .odd-row {
        background-color: #ECF3FE;
        }
 
        .active-row {
        background-color: #FFEBDA !important;
        cursor: pointer;
        }
       </h:outputStylesheet>
         <a4j:status onstart="#{rich:component('statPane')}.show()" onstop="#{rich:component('statPane')}.hide()" />
        <h1>Asignatura por Grado</h1>  
        <h:form id="idCursoGrado" >
            <a4j:jsFunction name="updateEdit" render="showname">
            <a4j:param name="name" assignTo="#{functionBean.text}" />
            </a4j:jsFunction>
            <a4j:jsFunction name="remove" action="#{libretaBean.delAsignatura}" render="idTablaAsignaturas" execute="@this"
            oncomplete="#{rich:component('confirmPane')}.hide();" />
            
            <!--rich:tabPanel switchType="client"-->
                  <!--rich:tab header="Ingreso de Notas"-->
                  <!--h:inputHidden id="inputHNumReg" value="#{matriculaBean.numRegTable}" 
                                 /-->
                  
                  <h:panelGrid columns="1"  cellspacing="10" bgcolor="White" >

                      <h:panelGroup>

                          <h:outputText value="Grado:"/>
                        <h:selectOneMenu id="idSelectGrado" value="#{libretaBean.idGrado}" >
                            <f:selectItems value="#{gradoBean.gradoList}" />
                        </h:selectOneMenu>
                       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;        
                       <h:outputText value="Año" />
                       <h:selectOneMenu id="idSelectAnio" value="#{libretaBean.idAnio}" >
                           <f:selectItems value="#{anioBean.anioList}" />
                            
                        </h:selectOneMenu>
                       
                       </h:panelGroup>
                       
                       <h:outputText value="Comentarios:" />
                       <h:inputTextarea id="txtComment" rows="3" value="#{libretaBean.comentarios}" style="width:500px"/>
                        
                    </h:panelGrid>
                  
                  <h2>Asignaturas</h2>
                  
                  
           <rich:dataTable id="idTablaAsignaturas"  
                                  var="asignaturas" value="#{libretaBean.listDetalleLibretas}"
                                  style="width: 1063px" 
                                  onrowmouseover="this.style.backgroundColor='#B5F3FB'"
                                  onrowmouseout="this.style.backgroundColor='#{a4jSkin.rowBackgroundColor}'"
                                  iterationStatusVar="it" rows="15"  >
                              
            <f:facet name="header">
             <rich:columnGroup>
                 
               <rich:column rowspan="1">
               <h:outputText value="#" />  
               </rich:column>  
               <rich:column rowspan="1">
                <h:outputText value="Código" />
               </rich:column>    
             <rich:column colspan="1">
                <h:outputText value="Descripción" />
            </rich:column>
            <rich:column colspan="1">
                <h:outputText value="" />
            </rich:column>     
            </rich:columnGroup>
      </f:facet>
         <rich:column >
             <h:inputHidden value="#{asignaturas.idDetalleLibreta}"/>
             <h:outputText value="#{it.index+1}" /> 
         </rich:column>      
               
         <rich:column >
             <h:outputText value="#{asignaturas.asignatura.idAsignatura}" />
         </rich:column>
          <rich:column >
              <h:outputText value="#{asignaturas.asignatura.descripcion}" />
         </rich:column>
         <rich:column >
                  <a4j:commandButton id="btnDtEditAsig"  value="Edit" styleClass="no-decor" render="editGrid" execute="@this"
                                     oncomplete="#{rich:component('popupAsignatura')}.show()" 
                                   image="/images/icons/edit.gif" >
                       <a4j:param value="#{it.index}" assignTo="#{libretaBean.currentLibIndex}"  />
                       <a4j:param value="1" assignTo="#{libretaBean.optNewOrUpdate}"  />
                       <f:setPropertyActionListener    target="#{libretaBean.editDetalleLibreta}" value="#{asignaturas}" />
                       
                  </a4j:commandButton>
                                
                   <a4j:commandLink styleClass="no-decor" execute="@this" render="@none"
                    oncomplete="#{rich:component('confirmPane')}.show()">
                    <h:graphicImage value="/images/icons/delete.gif" alt="delete" />
                    <a4j:param value="#{it.index}" assignTo="#{libretaBean.currentLibIndex}" />
                </a4j:commandLink>
                 
             </rich:column>       
                           
               <f:facet name="footer">
                <rich:dataScroller page="#{libretaBean.page}" />
               </f:facet>       
             </rich:dataTable>
                  <rich:popupPanel id="statPane" autosized="true">
                    <h:graphicImage value="/images/ai.gif" alt="ai" />
                     Espere por favor...
                 </rich:popupPanel>
                
                    
                <!--/rich:tab-->
                <h:panelGroup>
                 
                    
                
                      <a4j:commandButton id="idNuevo" 
                                                   value="Agregar" 
                                                   oncomplete="#{rich:component('popupAsignatura')}.show()"
                                                   action="#{asignaturaBean.listAsignaturaAll()}"  
                                                   render="popupAsignatura"
                                                   execute="@this"   >
                          <a4j:param value="0" assignTo="#{libretaBean.optNewOrUpdate}"  />
                          
                                </a4j:commandButton>
                 
                   
                    <a4j:commandButton 
                                 id="btnGrabarNota" value="Guardar" 
                                 action="#{libretaBean.newOrSaveNota()}"
                                 onclick="if (!validarCombos()) return false;" 
                                  render ="txtMensaje" execute="@this"
                                 />
                    
                  
                    
                   <h:commandButton id="btnCancelarLibreta" value="Cancelar" onclick="enableButton();"/>
                   <a4j:commandButton  id="btnBuscarLibreta"  action="#{libretaBean.findRecoveryLibretaId()}"
                                    value="Buscar"  render="idTablaAsignaturas,txtComment" execute="@this"
                                     >
                    <!--a4j:ajax onbeforedomupdate="disableButton();"/-->
                 
                </a4j:commandButton>
                                                      
                 <br/>
                 <h:outputText  id="txtMensaje" value="#{libretaBean.msg}" style="color:#ff0000;"  />
                
                </h:panelGroup>     
                  <!--/h:panelGrid-->
            <!--/rich:tabPanel-->
             <rich:popupPanel id="popupAsignatura" 
                             autosized="true" 
                             onmaskclick="#{rich:component('popupAsignatura')}.hide()">
                <f:facet name="controls">
                    <h:outputLink value="#" onclick="#{rich:component('popupAsignatura')}.hide();
                                                           return false;">X</h:outputLink>
                </f:facet>
                <h:panelGrid columns="1" id="editGrid">
                    <rich:dataTable value="#{asignaturaBean.lisAsignatura}" 
                                    var="asig" 
                                    iterationStatusVar="itAux" 
                                    id="table" 
                                    rows="15">
                        <rich:column>
                            <f:facet name="header">#</f:facet>
                            <h:outputText value="#{itAux.index+1}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">Codigo</f:facet>
                            <h:outputText value="#{asig.idAsignatura}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">Descripción</f:facet>
                            <h:outputText value="#{asig.descripcion}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">Area</f:facet>
                            <h:outputText value="#{asig.area.descripcion}" />
                        </rich:column>
                          <rich:column>
                              <c:if test="#{libretaBean.optNewOrUpdate==0}" >
                            <a4j:commandLink styleClass="no-decor" 
                                             render="idTablaAsignaturas,txtMensaje" execute="@this" 
                                             action="#{libretaBean.addAsignatura()}"
                                             onclick="#{rich:component('popupAsignatura')}.hide()">
                                <h:graphicImage value="/images/icons/new.gif"/>

                                <f:setPropertyActionListener target="#{libretaBean.asignatura}" value="#{asig}" />
                            </a4j:commandLink>
                            </c:if>
                              <c:if test="#{libretaBean.optNewOrUpdate==1}">
                                   <a4j:commandLink styleClass="no-decor" 
                                             render="idTablaAsignaturas,txtMensaje" execute="@this" 
                                             action="#{libretaBean.actualizar()}"
                                             onclick="#{rich:component('popupAsignatura')}.hide()">
                                   <h:graphicImage value="/images/icons/new.gif"/>
                                  <f:setPropertyActionListener target="#{libretaBean.asignatura}" value="#{asig}" />
                               
                                </a4j:commandLink>
                              </c:if>
                                  
                        </rich:column>

                        <f:facet name="footer">
                            <rich:dataScroller page="1" />
                        </f:facet>
                    </rich:dataTable>
                </h:panelGrid>
            </rich:popupPanel>
            <rich:popupPanel id="confirmPane" autosized="true">
             Estas seguro de eliminar el registro?
            <a4j:commandButton value="Cancelar" onclick="#{rich:component('confirmPane')}.hide(); return false;" />
            <a4j:commandButton value="Eliminar" onclick="remove(); return false;" />
           </rich:popupPanel>
            
        </h:form>
        <h:form id="idpopup">
         </h:form>
    </ui:define>
    

</ui:composition>